.margin-top15 {
	margin-top: ws(15);
}
.assigned{
	line-height: ws(44);
	background-color: #2A83FF;
	color: #fff;
	font-size: ws(16);
	text-align: center;
	text-decoration: underline;
}
.content {
	border-top: 1upx solid #eee;
    .item-wapper {
        background-color: #fff;
        padding: ws(15);
        .desc {
            padding-bottom: ws(15);
            font-size: ws(15);
            color: #3E3E3E;
            line-height: ws(23);
            .title {
                font-weight: bold;
            }
        }
        .img-wapper {
            display: flex;
            .item-item {
                overflow: hidden;
                border-radius: ws(5);
                width: ws(140);
                height: ws(110);
                background-color: #eee;
                display: flex;
                align-items: center;
                margin-right: ws(15);
                margin-bottom: ws(15);
                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
        }
            .record-wapper{
                padding-top: ws(15);
                text-align: right;
                .record-item{
                    border-radius: ws(10) ws(10) ws(10) 0;
                    background-color: #F7F7F7;
                    height: ws(35);
                    box-shadow: 0 ws(1) ws(4) 0 rgba(7, 17, 27, 0.1);
                    color: #919191;
                    font-size: ws(14);
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding: 0 ws(15);
                    margin-bottom: ws(15); 
                    .record-icon {
                    	width: ws(15);
                    	height: ws(15);
                    	margin-right: ws(15);
                    }
                }
            }
    }
}

.orderUser {
    .item {
        margin: 0 ws(15);
        height: ws(44);
        display: flex;
        align-items: center;
        background-color: #fff;
        overflow: hidden;
        position: relative;
		border-bottom: 1upx solid #eee;
        .item-title {
            display: flex;
            align-items: center;
            height: 100%;
            overflow: hidden;
            position: relative;
            flex: 1;
            justify-content: space-between;
			.title{
				font-size: ws(16);
			}
            .desc {
                margin-right: ws(15);
                font-size: ws(14);
                color: #ABABAB;
                position: relative;
            }
            .ipone {
                margin-right: ws(15);
                font-size: ws(14);
                color: #357AFF;
                .mui-icon {
                    font-size: ws(20);
                }
            }
        }
    }
}

.schedule {
    background: #fff;
    padding: ws(15);
	
    .button-wapper {
        display: flex;
        justify-content: space-between;
        .done,
        .over {
            width: 48%;
            height: ws(45);
            border-radius: ws(10);
            line-height: ws(45);
            text-align: center;
            color: #fff;
            font-size: ws(14);
        }
        .done {
            background-color: #2A83FF;
            box-shadow: 0 ws(1) ws(3) rgba(#2A83FF, .5);
        }
        .over {
            background-color: #FF5D5D;
            box-shadow: 0 ws(1) ws(3) rgba(#FF5D5D, .5);
        }
    }
    
    .fanhui{
            height: ws(45);
            border-radius: ws(10);
            line-height: ws(45);
            text-align: center;
            color: #fff;
            font-size: ws(16);
         background-color: #2A83FF;
         box-shadow: 0 ws(1) ws(3) rgba(#2A83FF, .5);
    }
   
}




.line{
		height: ws(15);
		background-color: #F7F7F7;
		margin: ws(15) 0;
	}
.lowPath{
	padding: 0 ws(15);
}
 .flowPath-wapper {
        position: relative;
        .schedule-shuxian {
            position: absolute;
            width: ws(1);
            height: 100%;
            background-color: #E2E2E2;
            top: 0;
            left: 0;
            z-index: 1;
        }
        .left-icon-red {
            position: relative;
            &::after {
                content: '';
                position: absolute;
                top: ws(1);
                left: ws(-5);
                width: ws(10);
                height: ws(10);
                background-color: #FF5D5D;
                border-radius: ws(10);
                z-index: 2;
            }
        }
        .left-icon-hui {
            position: relative;
            &::after {
                content: '';
                position: absolute;
                top: ws(1);
                left: ws(-5);
                width: ws(10);
                height: ws(10);
                background-color: #C6C6C6;
                border-radius: ws(10);
                z-index: 2;
            }
        }
        .list-item {
            padding-left: ws(15);
            .item-time {
                color: #919191;
                font-size: ws(12);
                margin-bottom: ws(5);
            }
            .item-title {
                font-size: ws(13);
                padding-bottom: ws(15);
                margin-bottom: ws(15);
                span {
                    color: #357AFF;
                }
            }
        }
    }

.staff-content {
    padding-top: ws(44);
    .staff-list {
        margin-top: ws(15);
        background-color: #fff;
        .list-item{
            padding: ws(15);
            display: flex;
            align-items: center;
            position: relative;
            &::after{
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 1px;
                background-color: #E2E2E2;
            }
            .item-imgUrl{
                width: ws(40);
                height: ws(40);
                margin-right: ws(20);
                img{
                    width: 100%;
                    height: 100%;
                    border-radius: 50%;
                    box-shadow: 0 0 ws(1) rgba(#000,.3);                }
            }
            .item-icon{
                position: absolute;
                top: 0;
                bottom: 0;
                margin: auto;
                right: ws(15);
                width: ws(40);
                height: ws(40);
                img{
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
}

.guideline{
    background: #fff;
    padding: ws(15);
    .guideline-title{
        text-align: center;
        color: #333;
        font-size: ws(16);
        font-weight: bold;
        padding-bottom: ws(5);
        margin-bottom: ws(5);
    }
    .guideline-text{
        color: #666;
    }
}